<!-- 实名信息 -->
<template>
	<view class="page-view">
		<view class="bg-white u-p-50 u-flex-col u-col-center">
			<image src="/static/success.png" mode="aspectFill" style="width: 170rpx; height: 170rpx;"></image>
			<text class="u-font-32 u-m-b-40">认证通过</text>
			<text class="u-font-26 u-light-color align-center">您的信息认证成功，我们对您的信息进行了加密处理，通过此账号在平台交易以此身份做信用担保。</text>
		</view>

		<view class="u-flex-1 bg-white u-m-t-30">
			<u-cell-group title="身份信息" :border="false" :title-style="{fontSize:'34rpx',fontWeight:600}">
				<u-cell-item title="姓名" :title-style="{color:'#999999'}" :value="info.real_name" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
				<u-cell-item title="证件类型" :title-style="{color:'#999999'}" value="身份证" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
				<u-cell-item title="证件号码" :title-style="{color:'#999999'}" :value="info.card_id" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
				<u-cell-item title="证件照片" :title-style="{color:'#999999'}" value="已上传" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
				<u-cell-item title="证件有效期" :title-style="{color:'#999999'}" :value="info.valid_period" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
				<u-cell-item title="认证日期" :title-style="{color:'#999999'}" :value="info.pass_time" :arrow="false"
					:value-style="{fontSize:'30rpx'}"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {}
			}
		},
		onLoad() {
			this.queryInfo()
		},
		methods: {
			queryInfo() {
				this.$u.api.getRealInfo().then(res => {
					this.info = res
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.page-view {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
</style>